<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Cargar Pregunta</title>
</h:head>
<h:body>
	<h:form>
		<p:toolbar>
			<p:toolbarGroup align="right">
				<p:commandButton value="salir"
					action="#{sesionBean.cerrarSesion()}" icon="ui-icon-close" />
			</p:toolbarGroup>
		</p:toolbar>

		<div align="center">
			<h:panelGrid columns="2" styleClass="fondo"
				style="text-align:center;">
				<h:panelGroup style="display:block; text-align:left">
					<p:graphicImage value="/img/ui/images.jpg"
						style="height: 100px; width: 210px" />
				</h:panelGroup>

				<h:panelGroup style="display:block; text-align:right">
					<p:graphicImage value="/img/ui/izq.png"
						style="height: 100px; width: 608px" />
				</h:panelGroup>
			</h:panelGrid>
		</div>

		<p:panel>

			<h:panelGrid columns="2" cellspacing="20">

				<h:panelGrid>

					<h3 style="margin-top: 0">Curso:</h3>

					<p:selectOneMenu id="cursos" value="#{preguntaBean.cursoSelecId}">
						<f:selectItem itemLabel="Seleccione" itemValue="" />
						<f:selectItems value="#{preguntaBean.cursos}" var="cursoper"
							itemLabel="#{cursoper.curso.nombreCurso}"
							itemValue="#{cursoper.idCursoPeriodo}" />
						<p:ajax update="tematicas"
							listener="#{preguntaBean.obtenerTematicasxCurso}" />
					</p:selectOneMenu>

				</h:panelGrid>

				<h:panelGrid>

					<h3 style="margin-top: 0">Tematica:</h3>

					<p:selectOneMenu id="tematicas"
						value="#{preguntaBean.tematicaSelecId}" >
						<f:selectItem itemLabel="Seleccione" itemValue="" />
						<f:selectItems value="#{preguntaBean.tematicas}" var="tematica"
							itemLabel="#{tematica.nombreTematica}"
							itemValue="#{tematica.idTematica}" />
					</p:selectOneMenu>

				</h:panelGrid>

			</h:panelGrid>

			<br></br>
			<h:panelGrid>
				<h3 style="margin-top: 0">Enunciado:</h3>
				<p:editor id="editor" widgetVar="editorWidget"
					value="#{preguntaBean.enunciado}" width="600"/>

				<h3 style="margin-top: 0">Dificultad:</h3>
				<h:panelGrid columns="1" style="margin-bottom:10px" cellpadding="5">
					<p:selectOneRadio id="dificultad"
						value="#{preguntaBean.nivelDificultad}" >
						<f:selectItem itemLabel="Fácil" itemValue="1" />
						<f:selectItem itemLabel="Regular" itemValue="2" />
						<f:selectItem itemLabel="Difícil" itemValue="3" />
					</p:selectOneRadio>
				</h:panelGrid>
			</h:panelGrid>

			<br></br>

			<h3 style="margin-top: 0">Alternativas:</h3>
			<p:outputPanel id="alternativas" style="margin-bottom:10px">
				<p:selectOneRadio id="customRadio" value="#{preguntaBean.respuesta}"
					layout="custom"
					valueChangeListener="#{preguntaBean.modificarOpcion()}">
					<f:selectItem itemLabel="Alternativa 1: "
						itemValue="#{preguntaBean.alt1}" />
					<f:selectItem itemLabel="Alternativa 2: "
						itemValue="#{preguntaBean.alt2}" />
					<f:selectItem itemLabel="Alternativa 3: "
						itemValue="#{preguntaBean.alt3}" />
					<f:selectItem itemLabel="Alternativa 4: "
						itemValue="#{preguntaBean.alt4}" />
					<f:selectItem itemLabel="Alternativa 5: "
						itemValue="#{preguntaBean.alt5}" />
				</p:selectOneRadio>

				<h:panelGrid columns="3" cellpadding="5">
					<p:radioButton id="opt1" for="customRadio" itemIndex="0" />
					<h:outputLabel for="opt1" value="Alternativa 1: " />
					<p:inputText />

					<p:radioButton id="opt2" for="customRadio" itemIndex="1" />
					<h:outputLabel for="opt2" value="Alternativa 2: " />
					<p:inputText />

					<p:radioButton id="opt3" for="customRadio" itemIndex="2" />
					<h:outputLabel for="opt3" value="Alternativa 3: " />
					<p:inputText />

					<p:radioButton id="opt4" for="customRadio" itemIndex="3" />
					<h:outputLabel for="opt4" value="Alternativa 4: " />
					<p:inputText />

					<p:radioButton id="opt5" for="customRadio" itemIndex="4" />
					<h:outputLabel for="opt5" value="Alternativa 5: " />
					<p:inputText />
				</h:panelGrid>
			</p:outputPanel>

			<br></br>
			<h:panelGrid columns="2" cellspacing="10">
					<p:commandButton id="save" value="Guardar" update="result"
						oncomplete="dlg.show()" />
					<p:growl id="growlx" showDetail="true" life="300" />
					<p:dialog id="picture" widgetVar="dlg" header="Mensaje"
						width="500" resizable="false" showEffect="clip" hideEffect="clip">
						<p:ajax event="close" />
						<p:outputLabel id="result" value="#{preguntaBean.resultado}" />
						<p:commandButton id="acept" value="Aceptar" actionListener="#{preguntaBean.guardarPregunta}"/>
						<p:commandButton id="canc" value="Cancelar" />
					</p:dialog>
					<p:commandButton id="cancel" value="Cancelar" update="growlx"
						action="#{preguntaBean.regresar()}" />
			</h:panelGrid>

		</p:panel>

	</h:form>
</h:body>
</html>